<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>code_li</title>
  <link rel="stylesheet" href="./link/code.css">
</head>

<body>
  <div class="node">
  <div class="code1">

    <div class="dev1">


      <p class="box1">热点新闻</p>
      <div class="demo1"></div>
      <div class="box2">

        <button>推荐</button>
        <button>关注</button>
        <button>实时热榜</button>
        <button>国内</button>
        <button>娱乐</button>
        <button>汽车</button>
        <button>房产</button>
        <button>健康</button>
        <button>历史</button>
        <button>科技</button>
        <button>财经</button>
        <button>体育</button>

      </div>
      <div class="box3">
        <img src="./img/1.jpg" alt="">
        <img src="./img/2.jpg" alt="">

      </div>

      <div class="box4">
        <p>实时热榜<span>3 小时前更新</span></p>
      </div>
      <div class="box5">
        <ol>

          <button>
            <li>
              <p>一次看完中国航天史</p><span>77.432人在看</span></p>
            </li>
          </button>
          <button>
            <li><p>李克强同志逝世</p> <span>76.952人在看</span></li>
          </button>
          <button>
            <li><p>双十一直播间真便宜吗 </p><span>76.849人在看</span></li>
          </button>
          <button>
            <li><p>拜登下令白宫降半旗</p> <span>76.558人在看</span></li>
          </button>
          <button>
            <li><p>4千元发带被吐槽 </p><span>76.191人在看</span></li>
          </button>
          <button>
            <li><p>1天5被咖啡成脆骨人</p> <span>75.989人在看</span></li>
          </button>
          <button class="code3">
            <li><p>i人和e人的区别</p> <span>75.801人在看</span></li>
          </button>

          <p class="demo2">新</p>


      </div>


    </div>
  </div>
</body>

</html>